<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>开票服务</title>
    <link rel="stylesheet" href="../../zui/css/zui.min.css">
    <link rel="stylesheet" href="../../zui/css/zui-theme.css">
    <link rel="stylesheet" href="../../css/base.css">
    <link rel="stylesheet" href="../../css/main.css">
    <link href="../../zui/lib/datatable/zui.datatable.min.css" rel="stylesheet">
    <link href="../../zui/lib/datetimepicker/datetimepicker.min.css" rel="stylesheet">
</head>
<body style="padding: 10px;">
<div class="section-title" style="margin-bottom: 10px;">
    <span>开票服务</span>
</div>
<div class="alert alert-primary">
    <h4><span class="red">温馨提示：</span></h4>
    <hr>
    <div class="row">
        <div class="col-xs-5" style="line-height: 1.7;font-size: 14px;">
            发票申请流程： <br>
            &emsp;&emsp;1、填写收票方公司信息——我的客户<br>
            &emsp;&emsp;2、上传合同扫描件——合同管理<br>
            &emsp;&emsp;3、填写并保存开票申请——开票服务<br>
            &emsp;&emsp;4、预存税金——对公充值（）<br>
            &emsp;&emsp;5、点击提交——开票服务<br>
            &emsp;&emsp;6、等待审核并接收发票（快递）——开票服务——编辑查看<br>
            注：具体细节见消息中心<br>
            如有任何问题，可联系:客服电话: 400-622-3578<br>
            工作时间:工作日，上午9:00~12:00，下午13:30~18:00。
        </div>
        <div class="col-xs-7">
            <table class="table table-bordered">
                <thead>
                <tr>
                    <th style="white-space: nowrap">档次</th>
                    <th style="white-space: nowrap">税金预交率&emsp;</th>
                    <th>年度开票金额</th>
                </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>1</td>
                        <td>开票金额*3%</td>
                        <td>年度开票金额≤360,000，且同时满足月开票金额≤3万（月度申报增值税）或季开票金额≤9万（季度申报增值税）</td>
                    </tr>
                    <tr>
                        <td>2</td>
                        <td>开票金额*6%</td>
                        <td>年度开票金额≤1,000,000</td>
                    </tr>
                    <tr>
                        <td>3</td>
                        <td>开票金额*7%</td>
                        <td>1,000,000<年度开票金额≤4,500,000</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>

<div class="table-search-wrap">
    <div class="input-group" style="max-width: 1200px">
        <span class="input-group-addon">申请公司</span>
        <select name="" class="form-control"  id="">
            <option value=""></option>
        </select>
        <span class="input-group-addon">发票类型</span>
        <select name="" class="form-control"  id="">
            <option value="">-全部-</option>
        </select>
        <span class="input-group-addon">申请状态</span>
        <select name="" class="form-control"  id="">
            <option value="">-全部-</option>
        </select>
        <span class="input-group-addon">提交时间</span>
        <input type="text" class="form-control form-date" readonly placeholder="">
        <span class="input-group-addon">-</span>
        <input type="text" class="form-control form-date" readonly placeholder="">
        <span class="input-group-btn">
            <button class="btn btn-primary" type="button">搜索</button>
        </span>
        <span class="input-group-btn">
            <button class="btn btn-success" data-toggle="modal" data-target="#addFp1" type="button">新增1</button>
        </span>
        <span class="input-group-btn">
            <button class="btn btn-success" data-toggle="modal" data-target="#addFp2" type="button">新增2</button>
        </span>
        <span class="input-group-btn">
            <button class="btn btn-info" type="button">提交</button>
        </span>
        <span class="input-group-btn">
            <button class="btn btn-danger" type="button">删除</button>
        </span>
        <span class="input-group-btn">
            <button class="btn btn-success" type="button">导出</button>
        </span>
    </div>
</div>
<div>
    <div>当前查询< 开票金额合计 >: <span class="red">100元</span>，< 预缴税金合计 >: <span class="red">100元</span></div>
</div>
<table class="table datatable">
    <thead>
    <tr>
        <th>序号</th>
        <th>发票类型</th>
        <th>申请公司</th>
        <th>客户名称</th>
        <th>开票金额（含税）</th>
        <th>税金预交率</th>
        <th>预交税金</th>
        <th>状态</th>
        <th>驳回原因</th>
        <th>提交时间</th>
        <th>操作</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>1</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td><a href="./开票详情.html">编辑查看</a></td>
    </tr>
    <tr>
        <td>2</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td><a href="">编辑查看</a></td>
    </tr>
    </tbody>
</table>

<ul class="pager">
    <li class="previous"><a href="">«</a></li>
    <li><a href="">1</a></li>
    <li class="active"><a href="">2</a></li>
    <li><a href="">3</a></li>
    <li><a href="">4</a></li>
    <li><a href="">5</a></li>
    <li class="next"><a href="">»</a></li>
</ul>

<div class="modal fade" id="addFp1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span
                        class="sr-only">关闭</span></button>
                <h4 class="modal-title">新增</h4>
            </div>
            <div class="modal-body">
                <span class="red">*</span><span>请选择开票公司</span>
                <select name="" id="" class="form-control">
                    <option value="">-请选择-</option>
                </select>
                <br>
                <span class="red">*</span><span>请选择发票类型</span>
                <select name="" id="" class="form-control">
                    <option value="">-请选择-</option>
                </select>
                <br>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary">保存</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="addFp2">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span
                        class="sr-only">关闭</span></button>
                <h4 class="modal-title">新增开票申请</h4>
            </div>
            <div class="modal-body">
                <div class="panel">
                    <div class="panel-heading">
                        开票申请信息
                    </div>
                    <div class="panel-body row">
                        <div class="col-xs-6">
                            <div class="input-group">
                                <span class="input-group-addon">
                                    <span class="red">*</span><span>申请公司</span>
                                </span>
                                <input type="text" readonly class="form-control">
                            </div>
                            <br>
                            <div class="input-group">
                                <span class="input-group-addon">
                                    <span class="red">*</span><span>发票类型</span>
                                </span>
                                <input type="text" readonly class="form-control">
                            </div>
                            <br>
                        </div>
                        <div class="col-xs-6">
                            <div class="input-group">
                                <span class="input-group-addon">
                                    <span class="red">*</span><span>纳税人类型</span>
                                </span>
                                <input type="text" readonly class="form-control">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="panel">
                    <div class="panel-heading">
                        合同信息
                    </div>
                    <div class="panel-body row">
                        <div class="col-xs-6">
                            <div class="input-group">
                                <span class="input-group-addon">
                                    <span class="red">*</span><span>请选择合同</span>
                                </span>
                                <select name="" id="" class="form-control">
                                    <option value=""></option>
                                </select>
                            </div>
                            <br>
                            <div class="input-group">
                                <span class="input-group-addon">
                                    &emsp;<span class="red">*</span><span>客户名称</span>
                                </span>
                                <input type="text" readonly class="form-control">
                            </div>
                            <br>
                            <div class="input-group">
                                <span class="input-group-addon">
                                    <span class="red">*</span><span>纳税人类型</span>
                                </span>
                                <input type="text" readonly class="form-control">
                            </div>
                            <br>
                            <div class="input-group">
                                <span class="input-group-addon">
                                    <span class="red">*</span><span>客户手机号</span>
                                </span>
                                <input type="text" readonly class="form-control">
                            </div>
                            <br>
                            <div class="input-group">
                                <span class="input-group-addon">
                                    <span class="red">*</span><span>客户开户行</span>
                                </span>
                                <input type="text" readonly class="form-control">
                            </div>
                            <br>
                            <div class="input-group">
                                <span class="input-group-addon">
                                    &emsp;<span class="red">*</span><span>商品名称</span>
                                </span>
                                <select name="" id="" class="form-control">
                                    <option value=""></option>
                                </select>
                            </div>
                        </div>
                        <div class="col-xs-6">
                            <div class="input-group">
                                <span class="input-group-addon">
                                    &emsp;<span class="red">*</span><span>真实合同附件</span>
                                </span>
                                <input type="text" readonly class="form-control">
                                <span class="input-group-btn">
                                    <button class="btn btn-default" type="button">查看</button>
                                </span>
                            </div>
                            <br>
                            <div class="input-group">
                                <span class="input-group-addon">
                                    &emsp;<span class="red">*</span><span>纳税人识别号</span>
                                </span>
                                <input type="text" readonly class="form-control">
                            </div>
                            <br>
                            <div class="input-group">
                                <span class="input-group-addon">
                                    <span class="red">*</span><span>一般纳税人资质</span>
                                </span>
                                <input type="text" readonly class="form-control">
                                <span class="input-group-btn">
                                    <button class="btn btn-default" type="button">查看</button>
                                </span>
                            </div><br>
                            <div class="input-group">
                                <span class="input-group-addon">
                                    &emsp;&emsp;&emsp;<span class="red">*</span><span>客户地址</span>
                                </span>
                                <input type="text" readonly class="form-control">
                            </div><br>
                            <div class="input-group">
                                <span class="input-group-addon">
                                    &emsp;&emsp;<span class="red">*</span><span>开户行账号</span>
                                </span>
                                <input type="text" readonly class="form-control">
                            </div>
                        </div>

                    </div>
                </div>
                <div class="panel">
                    <div class="panel-heading">
                        开票信息
                    </div>
                    <div class="panel-body row">
                        <div class="col-xs-6">
                            <div class="input-group">
                                <span class="input-group-addon">
                                    &emsp;<span class="red">*</span><span>开票金额</span>
                                </span>
                                <input type="text" class="form-control">
                            </div>
                            <br>
                            <div class="input-group">
                                <span class="input-group-addon">
                                    &emsp;<span class="red">*</span><span>收件人手机号</span>
                                </span>
                                <input type="text" readonly class="form-control">
                            </div>
                        </div>
                        <div class="col-xs-6">
                            <div class="input-group">
                                <span class="input-group-addon">
                                    <span class="red">*</span><span>12个月内剩余可开票金额</span>
                                </span>
                                <input type="text" readonly class="form-control">
                            </div>
                            <br>
                            <div class="input-group">
                                <span class="input-group-addon">
                                    <span class="red">*</span><span>预交税金</span>
                                </span>
                                <input type="text" readonly class="form-control">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="panel">
                    <div class="panel-heading">
                        客户地址信息
                    </div>
                    <div class="panel-body row">
                        <div class="col-xs-6">
                            <div class="input-group">
                                <span class="input-group-addon">
                                    &emsp;&emsp;<span class="red">*</span><span>收货地址</span>
                                </span>
                                <select name="" id=""  class="form-control"></select>
                            </div>
                            <br>
                            <div class="input-group">
                                <span class="input-group-addon">
                                    <span class="red">*</span><span>收件人手机号</span>
                                </span>
                                <input type="text" readonly class="form-control">
                            </div>
                        </div>
                        <div class="col-xs-6">
                            <div class="input-group">
                                <span class="input-group-addon">
                                    &emsp;&emsp;&emsp;<span class="red">*</span><span>收件人</span>
                                </span>
                                <input type="text" readonly class="form-control">
                            </div>
                            <br>
                            <div class="input-group">
                                <span class="input-group-addon">
                                    <span class="red">*</span><span>客户邮箱地址</span>
                                </span>
                                <input type="text" readonly class="form-control">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary">保存</button>
            </div>
        </div>
    </div>
</div>

<script src="../../zui/lib/jquery/jquery%20v1.11.0.js"></script>
<script src="../../zui/js/zui.min.js"></script>
<script src="../../zui/lib/datatable/zui.datatable.min.js"></script>
<script src="../../zui/lib/datetimepicker/datetimepicker.min.js"></script>

<script>
    $('table.datatable').datatable({
        checkable: true,
    });
    $(".form-date").datetimepicker(
        {
            language: "zh-CN",
            weekStart: 1,
            todayBtn: 1,
            autoclose: 1,
            todayHighlight: 1,
            startView: 2,
            minView: 2,
            forceParse: 0,
            format: "yyyy-mm-dd"
        });
</script>
</body>
</html>
